<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title></title>
    <style type="text/css">
*{margin: 0;padding: 0;list-style: none;}
#div1{
	width: 100px;height: 100px;background: url('白欣雨.JPG');position: absolute;left: 50%;top: 50%;margin: -50px 0 0 -50px;
	transition:1s transform ease;
	background-size:cover; 
}

#div1:active{
	transform:scaleX(-2);
}

    </style> 
</head>
<body>

<div id='div1'></div>
</body>
</html>